<%--
  Created by IntelliJ IDEA.
  User: apple
  Date: 2018/4/22
  Time: 上午11:03
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<!--资料清单-->
<div class="public-content" id="apply-dataList" style="display: none;">
    <div class="public-bgForm" style="height: 55px">
        <!-- 上传 -->
        <div class="public-formLeft">
            <script type="text/x-handlebars-template" id="attachmentType_tpl">
                {{#each .}}
                <option data-id="{{id}}" value="{{type_name}}">{{type_name}}</option>
                {{/each}}
            </script>
            <div class="se-re se-re-order">
                <select id="attachmentType">
                    <option>选择类型</option>
                </select>
                <span class="se-po se-po-order-left"></span>
            </div>
            <!-- <input ng-model="uploads.attachName"
                    type="text" autocomplete="off" placeholder="输入图片名称"
                    ng-class="{'error':redErr.attachName}"
                    ng-focus="remHight()"/> -->
            <!-- 用磊哥的方法实现上传 -->
            <a data-tag="ueloadImg" id="viewPic" name="imgInput" href="javascript:void(0)">
                浏览图片
            </a>
            <button id="sureUpload">确定上传</button>
            <!-- (选择类型、输入图片名称和上传图片后请点击确定上传按钮) -->
            <div class="weiMess1">
                <i class="iconfont icon-tips2"></i>
                <div class="hezi0">
                    <span>选择类型、上传图片后请点击确定上传按钮</span>
                    <div class="hezi1"></div>
                </div>
            </div>
        </div>


    </div>
    <div class="description" style="padding-bottom: 20px;">
    </div>
    <!--资料tabel列表-->
    <table class="dataListTab">
        <thead>
        <tr>
            <td>类型</td>
            <!-- <td>名称</td> -->
            <td>图片（支持多张图片上传，格式jpg、png）</td>
            <td>操作</td>
        </tr>
        </thead>
        <tbody id="image_list">

        </tbody>
    </table>
</div>


<script type="text/x-handlebars-template" id="image_list_tpl">
    {{#each this}}
    {{#if attachImg.[0]}}
    <tr>
        <td>{{attach_name}}</td>
        <td class="minImg">
            <div id="gallery{{attach_id}}" attachname="{{attach_name}}" attachid="{{attach_id}}" allid="{{id}}">
                {{#if img.[0]}}
                {{#each img}}
                <li href="{{this}}" {{#IF_GT @index 2}}style="display:none"{{/IF_GT}}>
                <img class="img_00" url="{{this}}" src="{{this}}/tupian_compress">
                <i class="delSingleAttach iconfont icon-minus">
                </i>
                </li>
                {{/each}}
                {{/if}}
                {{#IF_GT ../imgLength 3}}<span style='background-image: url("static/images/more.png")' class="more" data-rotate="2"/>{{/IF_GT}}
            </div>
            <div id="fileGallery{{attach_id}}" attachname="{{attach_name}}" attachid="{{attach_id}}" allid="{{id}}">
                {{#if file.[0]}}
                {{#each file}}
                {{#IF_PDF this.href 'pdf'}}
                <a href="{{this.href}}" {{#IF_GT @index 2}}style="display:none"{{/IF_GT}} target="_blank">
                    <img class="img_00" src="static/css/images/pdf.png"/>
                    <i class="delSingleFileAttach iconfont icon-minus">
                    </i>
                    <div title="{{this.name}}">{{this.name}}</div>
                </a>
                {{/IF_PDF}}
                {{#IF_PDF this.href 'xlsx'}}
                <a href="{{this.href}}" {{#IF_GT @index 2}}style="display:none"{{/IF_GT}} target="_blank">
                    <img class="img_00" src="static/css/images/xls.png"/>
                    <i class="delSingleFileAttach iconfont icon-minus">
                    </i>
                    <div title="{{this.name}}">{{this.name}}</div>
                </a>
                {{/IF_PDF}}
                {{#IF_PDF this.href 'xls'}}
                <a href="{{this.href}}" {{#IF_GT @index 2}}style="display:none"{{/IF_GT}} target="_blank">
                    <img class="img_00" src="static/css/images/xls.png"/>
                    <i class="delSingleFileAttach iconfont icon-minus">
                    </i>
                    <div title="{{this.name}}">{{this.name}}</div>
                </a>
                {{/IF_PDF}}
                {{#IF_PDF this.href 'doc'}}
                <a href="{{this.href}}" {{#IF_GT @index 2}}style="display:none"{{/IF_GT}} target="_blank">
                    <img class="img_00" src="static/css/images/word.png"/>
                    <i class="delSingleFileAttach iconfont icon-minus">
                    </i>
                    <div title="{{this.name}}">{{this.name}}</div>
                </a>
                {{/IF_PDF}}
                {{#IF_PDF this.href 'docx'}}
                <a href="{{this.href}}" {{#IF_GT @index 2}}style="display:none"{{/IF_GT}} target="_blank">
                    <img class="img_00" src="static/css/images/word.png"/>
                    <i class="delSingleFileAttach iconfont icon-minus">
                    </i>
                    <div title="{{this.name}}">{{this.name}}</div>
                </a>
                {{/IF_PDF}}
                <%--<a href="{{this.href}}" target="_blank" {{#IF_GT @index 2}}style="display:none"{{/IF_GT}}>
                <img class="img_00" url="{{this.href}}" src="{{#IF_EQ this.type '.pdf'}}static/css/images/pdf.png{{else}}static/css/images/word.png{{/IF_EQ}}">
                <div>{{this.name}}</div>
                </a>--%>
                {{/each}}
                {{/if}}
                {{#IF_GT ../fileLength 3}}<span style='background-image: url("static/images/more.png")' class="fileMore" data-rotate="2"/>{{/IF_GT}}
            </div>
        </td>
        <td><i class="delAttach iconfont icon-shanchu"></i></td>
    </tr>
    {{/if}}
    {{/each}}
</script>

<%--
<script type="text/javascript" src="static/js/page/upload/upToOss.js"></script>
--%>

<%--
<script type="text/javascript" src="static/js/page/loanBefore/orderIn/order_image_upload.js"></script>
--%>
